@charset "utf-8";

@import "common";

#mapContainer {
    width: 434px;
    height: 197px;
}

.main{
    width: 1280px;
    margin: 0 auto;  
    background-color:#f6f6f6;
    .back-image img{
        display: block;
    }
    .title{
        .first-ul{
            padding: 73px 148px 0px 158px;
            position: relative;
            @include fiex-between;
            li{
                &:nth-of-type(1){
                    background-color:#2395cb ;
                }
                &:nth-of-type(2){
                    background-color:#3ed1a4 ;
                }
                &:nth-of-type(3){
                    background-color:#895ea3 ;
                }
                .top{
                    width: 318px;
                    padding-bottom: 13px;
                    .include-circle{
                        padding: 16px 0px;
                        .circle{
                            width: 54px;
                            height: 54px;
                            border: 3px solid white;
                            margin:0px auto;
                            border-radius: 50%;
                            text-align: center;
                            position: relative;
                            i{
                                font-size: 30px;
                                position: absolute;
                                color: white;
                                top:50%;
                                left:50%;
                                transform: translate(-50%,-50%);
                                
                            }
                        }
                    }
                }
           
                p{
                    text-align: center;
                    font-size: 18px;
                    line-height: 18px;
                    color: white;
                    padding-bottom: 17px;
                    position: relative;
                    &:nth-child(3)::after{
                        content: "";
                        display: block;
                        width: 106px;
                        height: 2px;
                        background-color: white;
                        position: absolute;
                        left: 50%;
                        bottom: 10px;
                        transform: translateX(-50%);
                    }
                } 
                &:nth-of-type(1) .delta{
                    border-top: 20px solid #2395cb;
                }
                &:nth-of-type(2) .delta{
                    border-top: 20px solid #3ed1a4;
                }
                &:nth-of-type(3) .delta{
                    border-top: 20px solid #895ea3;
                }
                .deltadiv{  
                    background-color: white;        
                    .delta{
                        width: 0px;
                        height: 0px;
                        position: relative;
                        @include mediate;
                        bottom: 0px;
                        border-left: 20px solid transparent;
                        border-right: 20px solid transparent;   
                                            
                    }   
        
                }
              
            }            
         
        }
   
     
      
        .contant{
              padding: 0px 148px 0px 158px; 
              @include fiex-between;
              .contant-left{
                  padding: 10px 10px 0px 16px ;
                  width: 318px;
                  background-color: white;
                  .contant-left-m{ 
                    border-bottom: 1px dashed gray; 
                    padding-bottom:18px ;
                      .left{
                          p{
                              line-height:16px ;
                              padding-bottom: 16px;
                              font-weight: bold;
                          
                          }
                          div img{
                              display: block;
                          }
                      }
                      .right{
                          width: 175px;
                          font-size: 14px;
                          font-weight: bold;
                          line-height: 24px;
                          padding: 36px 27px 0px 27px;
                      }
      
                  }  
                  .bottom{
                    ul{
                        padding: 23px 0px 35px 16px;
                        
                        li{
                            list-style: disc;
                            color:#2395cb ;
                            font-size: 14px;
                            font-weight: bold;
                            line-height: 24px;
                            a{
                                color: black;
                                text-decoration: underline;
                            }
                        }
                    }
                }     
              }
              .contant-middle{
                 width: 318px;
                 background-color: white;
                 padding:0px 14px;
                 .top{
                     width: 286px;
                     @include fiex-between;
                     .right{
                         position: relative;
                         top: 104px;
                     }
                     .middle{
                        position: relative;
                        top: 24px;
                     }
                     .left{
                        position: relative;
                        top: 104px;
                     }
                 }
                 .bottom{
                     margin-top: 64px;
                     h3{
                        text-align: center;
                        font-size: 18px;
                        line-height: 18px;
                        color: #3e9dcf;
                     }      
                     p{
                        margin-top: 16px;
                        font-size: 12px;
                        font-weight: bold;
                        text-align: center;
                        letter-spacing: -0.3px;
                     }
                 }
              }

              .contant-right{
                background-color: white;
                width: 318px;
                padding: 26px 13px 0px 13px;
                .bottom{
                    padding: 33px 0px 0px 0px;
                   position: relative;    
                   .bottomb{     
                      img{
                          width:100%; 
                          display: block;               
                      }              
                   }
                   p{
                       position: absolute;
                       top: 63px;
                       font-size: 12px;
                       padding: 0 38px;
                       font-weight: bold;
                       line-height: 20px;
                   }
                }
              }
             
             
        }
    }

  
}

.main{
    .store{
        padding: 60px 0px 0px 0px;
        .store-title{
            h2{
                text-align: center;
                line-height: 18px;
                font-size: 18px;
            }
            .display
            {
                padding: 14px 0 52px 0;
                text-align: center;        
                p{ 
                    position: relative;
                    display: inline-block;
                    color: #c9c9c9;
                    font-size: 12.15px;
                    line-height: 12.15px;
                    &::before{
                        content: "";
                        display: inline-block;
                        height: 1px;
                        width: 75px;
                        position: absolute;
                        top: 50%;
                        left: -82px;
                        background-color: #c9c9c9;
                    }

                    &::after{
                        content: "";
                        display: inline-block;
                        height: 1px;
                        width: 75px;
                        position: absolute;
                        top: 50%;
                        right: -82px;
                        background-color: #c9c9c9;
                    }
                    
                }
            }
        }
        .store-content{
            .content-back{
                background-image:url(../images/index/images/aboutus-bi.png);
                width: 1280x; height: 344px;
                padding: 43px 0px 0px 0px;
                p{
                    color: #272727;
                    text-align: center;
                    font-size: 14px;
                    line-height: 26px;

                }
                .roll-imag{
                
                    background-color: white;
                    @include fiex-between;
                    width: 1050px;
                    margin: 35px 0px 0px 122px;
                    div img{
                        padding: 6px 6px;
                        display: block;
                    }
                }
            }
           
        }

        .link{
            background-color: white;
            margin: -22px 0px 62px 0px;
            @include fiex-between;
            .top-left{
                width: 434px;
                margin: 54px 0px 0px 43px;
               .top{
                     @include fiex-between;
                     .left{
                         border: 1px solid #ebebeb;
                         padding: 6px 6px 11px 6px;
                         img{
                             display: block;
                             padding-bottom: 4px;
                         }
                         p{
                             text-align: center;
                             padding-top: 8px;
                             line-height: 12px;
                             font-size: 12px;
                         }
                     }

                     .right{
                         ul{
                             padding:7px 0px;
                             li{
                                line-height: 14px;
                                font-size: 14px;
                                cursor: pointer;
                                i{
                                    color: #3c9cd3;
                                    padding-right: 15px;
                                }
                                 a{
                                    color: #666666;
                                    display: inline-block;
                                    padding-bottom: 16px;
                                    word-spacing: 0.2em;
                                 }
                                 &:last-child a{
                                    padding-bottom: 0px;
                                 }
                             }
                         }
                     }
               }
               .bottom{
                 margin-top: 42px;
                  
               }
            }
            
            .top-right{
              padding: 53px 100px 0px 0px;
              ul{
                  li{
                      padding-bottom: 7px;
                      input{
                          display: block;
                          width: 608px;
                          height: 34px;
                          padding: 4px;
                          box-sizing: border-box;
                          border: 1px #d4d2d2 dashed;
                          background-color: #f9f8f8;
                         
                      }
                      p{
                        font-size: 14px;
                        color: #666666;
                        line-height: 34px;
                      }
                      &:last-child{
                          input{ 
                              height: 122px;
                              text-align: right;
                          }
                      }
                  }
                 
                }
                .sub{
                    margin-top: 13px;
                    width: 95px;
                    height: 30px;
                    line-height: 30px;
                    background-color: skyblue;
                    text-align: center;
                    a{ color: white; font-size: 12px;}
                }
            }
        }
    }


}


